﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>LinkedIn</title>
    <link href="LinkedIn.css" rel="stylesheet" />
</head>
<body>
    <header>
        <h1>
            <a href="#">LinkedIn</a>
        </h1>
        <nav>
            <ul>
                <li>
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">What is LinkedIn?</a>
                </li>
                <li>
                    <a href="#">Join Today</a>
                </li>
                <li>
                    <fieldset id="fieldsetSignIn">
                        <legend>Sign In</legend>
                        <form>
                            <ul>
                                <li>
                                    Email:
                                    <input type="email" id="email" required />
                                </li>
                                <li>
                                    Password:
                                    <input type="password" id="password" required />
                                </li>
                                <li>
                                    <input type="submit" value="Sign In" />
                                </li>
                            </ul>

                        </form>
                    </fieldset>
                </li>
            </ul>
        </nav>
    </header>
    <hr />
    <main>
        <section>
            <header>
                <h2>Over 175 million profesionals use LinkedIn to exchange information, ideas and opportunities</h2>
            </header>
            <ul>
                <li>Stay informed about your contacts and industry</li>
                <li>Find the people & knowledge you need to achieve your goals</li>
                <li>Control your professional identity online</li>
            </ul>
        </section>
        <section>
            <header>
                <h3>Join LinkedIn Today</h3>
            </header>
            <fieldset id="fieldsetSignUp">
                <legend>Sign Up</legend>
                <form>
                    <ul>
                        <li>
                            <label class="newLine" for="firstName">First Name:</label>
                            <input type="text" id="firstNameId" required />
                        </li>
                        <li>
                            <label class="newLine" for="lastName">Last Name:</label>
                            <input type="text" id="lastNameId" required />
                        </li>
                        <li>
                            <label class="newLine" for="email">Email:</label>
                            <input type="email" id="emailId" required />
                        </li>
                        <li>
                            <label class="newLine" for="password">Password:</label>
                            <input type="password" id="passwordId" required />
                        </li>
                        <li id="lastOfList">6 or more characters</li>
                    </ul>
                    <input type="submit" value="Join Now" id="SignUpId" />
                </form>
                <footer>
                    <pre>

Already on LinkedIn? <a href="#email">Sign In</a>
                    </pre>
                </footer>
            </fieldset>
        </section>
        <section>
            <header>
                <h3>Search for someone by name:</h3>
            </header>
            <form>
                <ul>
                    <li>
                        <label for="searchByFirstName">First Name</label>
                        <input type="text" id="searchByFirstName" placeholder="First Name" />
                    </li>
                    <li>
                        <label for="searchByLastName">Last Name</label>
                        <input type="text" id="searchByLastName" placeholder="Last Name" />
                    </li>
                </ul>
                <input type="submit" value="Go" />
            </form>
        </section>
    </main>
</body>
</html>
